<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="cjw">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>购物车单个商品模板</title>
  <style>
	*{margin: 0; padding: 0;}
	.lictn{height:60px; border-bottom:1px solid #ccc; padding:2px; background:#fff; overflow:hidden;}
	.lictn label{display:block;}
	.lictn:hover{box-shadow:0px 0px 20px -2px #827f7f;margin-bottom: 1px;}
	.goodspho{width:60px; height:60px; float:left;}
	.goodspho img{display:block;}

	.goodsdes{float:left; width:170px; height:60px; margin:0 5px;}
	.goodsdes label {line-height:40px;}

	.goods-name {height:28px;}
	.goods-name span {font-size:12px;font-family: serif;color:#756e6e;}

	.goods-infor font:nth-child(1) {font-weight:bold; color:red;}
	.goods-infor font:nth-child(2) {font-size:16px; font-family: sans-serif;font-style: normal;}
	.goods-size, .goods-num, .goods-price {float:left; color:#756e6e; font-size:12px;font-family: serif;} 
	.goods-size {margin-left:1px;}
	.goods-num, .goods-price {margin-left:20px;}
  </style>
 </head>
 <body>
			<div class="lictn" data-id="">
				<label class="goodspho">
					<img src='E:/tako/tako.jpg' width="55" height="60" />
				</label>
				<label class="goodsdes">
					<label class="goods-name">
						<span>黑白条纹打底衫</span>
					</label>
					<label class="goods-infor">
						<!--
						<label class = "goods-name">衣服</label>
						-->
						<label class="goods-size">L</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<label class="goods-num">2</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<label class="goods-price">120</label>
					</label>
				</label>
			</div>
	<script>
	</script>
 </body>
</html>